<div [@flyIn]="'active'">
  <div class="wrapper-sm" >
    <div class="panel panel-default" style="margin-bottom:-5px;border-radius:5px">
      <div class="panel-body" style="font-size: 10px;padding:5px 20px; " >
        <div class="row">
          <div class="col-xs-4 m-t-xs m-t-sm">
            <span>实时监控</span>
            <i class="fa fa-angle-right"></i>
            <span>群组监控 </span>
            <i class="fa fa-angle-right"></i>
            <span><b>{{name}}</b>设备列表</span>
          </div>
          <div class="col-xs-8">
            <a class="pull-right btn btn-sm btn-info" style="font-size:10px" [routerLink]="['../../../']">返回</a>
            <a class="pull-right btn btn-sm btn-primary" style="font-size:10px" [routerLink]="['groupstat']">群组数据统计</a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="wrapper-sm" >
    <div class="panel panel-default">
      <div class="panel-body" [hidden]="data.length==0">
        <div class="img">
          <img class="groupimg" src="assets/img/group.png" style="width:100%;height: 900px ">
        </div>        
        <div class="showbox">
          <a class="btn btn-xs alt btn-success">
            <span>
 <!--              <form class="form-horizontal">
                <div class="form-group row" *ngFor="let pdata of pdata1?.data">
                  <label class="col-md-3 control-label">{{pdata.display_name}}</label>
                  <div class="col-md-4 control-label " attr.hu='{{pdata.property}}' attr.tag="{{pdata1.device_id}}">
                    --
                  </div>
                  <div class="col-md-3 control-label" >
                    {{pdata.unit}}
                  </div>
                </div>               
                <div class="form-group row" style="text-align:center">
                  <div class="btn btn-sm " attr.hu='Srun' attr.mdtag="{{pdata1?.device_id}}">停止</div>                 
                </div>
             
              </form> -->
              <table class="table m-t-lg">
                <tr>
                  <th>参数名称</th>
                  <th>参数值</th>
                  <th>单位</th>
                </tr>
                <tr *ngFor="let pdata of pdata1?.data">
                  <td>{{pdata.display_name}}</td>
                  <td attr.hu='{{pdata.property}}' attr.tag="{{pdata1.device_id}}">
                    --
                  </td>
                  <td>{{pdata.unit}}</td>
                </tr>     
              </table>
            </span>
          </a>
        </div> 
        <div class="showbox1">
          <a class="btn btn-xs alt btn-success" >
            <span>
              <!-- <form class="form-horizontal">
                <div class="form-group row" *ngFor="let pdata of pdata2?.data">
                  <label class="col-md-3 control-label">{{pdata.display_name}}</label>
                  <div class="col-md-4 control-label " attr.hu='{{pdata.property}}' attr.tag="{{pdata2.device_id}}">
                    --
                  </div>
                  <div class="col-md-3 control-label" >
                    {{pdata.unit}}
                  </div>
                </div>               
                <div class="form-group row" style="text-align:center">
                  <div class="btn btn-sm " attr.hu='Srun' attr.mdtag="{{pdata2?.device_id}}">停止</div>
                </div>
             
              </form> -->
              <table class="table m-t-lg">
                <tr>
                  <th>参数名称</th>
                  <th>参数值</th>
                  <th>单位</th>
                </tr>
                <tr *ngFor="let pdata of pdata2?.data">
                  <td>{{pdata.display_name}}</td>
                  <td attr.hu='{{pdata.property}}' attr.tag="{{pdata2.device_id}}">
                    --
                  </td>
                  <td>{{pdata.unit}}</td>
                </tr>     
              </table>
            </span>
          </a>
        </div> 
        <div class="showbox2">
          <a class="btn btn-xs alt btn-success">
            <span>
              <!-- <form class="form-horizontal">
                <div class="form-group row" *ngFor="let pdata of pdata3?.data">
                  <label class="col-md-3 control-label">{{pdata.display_name}}</label>
                  <div class="col-md-4 control-label " attr.hu='{{pdata.property}}' attr.tag="{{pdata3.device_id}}">
                    --
                  </div>
                  <div class="col-md-3 control-label" >
                    {{pdata.unit}}
                  </div>
                </div>               
                <div class="form-group row" style="text-align:center">
                  <div class="btn btn-sm " attr.hu='Srun' attr.mdtag="{{pdata3?.device_id}}">停止</div>
                </div>
             
              </form> -->
              <table class="table m-t-lg">
                <tr>
                  <th>参数名称</th>
                  <th>参数值</th>
                  <th>单位</th>
                </tr>
                <tr *ngFor="let pdata of pdata3?.data">
                  <td>{{pdata.display_name}}</td>
                  <td attr.hu='{{pdata.property}}' attr.tag="{{pdata3.device_id}}">
                    --
                  </td>
                  <td>{{pdata.unit}}</td>
                </tr>     
              </table>
            </span>
          </a>
        </div> 
        <div class="showbox3">
          <a class="btn btn-xs alt btn-success">
            <span>
              <!-- <form class="form-horizontal">
                <div class="form-group row" *ngFor="let pdata of pdata4?.data">
                  <label class="col-md-3 control-label">{{pdata.display_name}}</label>
                  <div class="col-md-4 control-label " attr.hu='{{pdata.property}}' attr.tag="{{pdata4.device_id}}">
                    --
                  </div>
                  <div class="col-md-3 control-label" >
                    {{pdata.unit}}
                  </div>
                </div>               
                <div class="form-group row" style="text-align:center">
                  <div class="btn btn-sm " attr.hu='Srun' attr.mdtag="{{pdata4?.device_id}}">停止</div>
                </div>
             
              </form> -->
              <table class="table m-t-lg">
                <tr>
                  <th>参数名称</th>
                  <th>参数值</th>
                  <th>单位</th>
                </tr>
                <tr *ngFor="let pdata of pdata4?.data">
                  <td>{{pdata.display_name}}</td>
                  <td attr.hu='{{pdata.property}}' attr.tag="{{pdata4.device_id}}">
                    --
                  </td>
                  <td>{{pdata.unit}}</td>
                </tr>     
              </table>
            </span>
          </a>
        </div> 
      </div>
      
    </div>
  </div>

  <div [hidden]="data.length!=0">
    <div class="wrapper-sm" >
      <div class="panel panel-default" style="margin-top:-30px; border-radius:5px">
        <div class="panel-heading" style="font-size: 10px;padding:5px 20px; " >
          <div class="m-t-xs m-t-sm">
            <span>此组下没有设备</span>
          </div>

        </div>
      </div>
    </div>
  </div>

</div>
